<!--#include virtual="/include/header.html"-->

<!-- 内容部分 s-->
<div id="bd" class="start">
	<div class="step">
		<ul>
			<li><b>1.</b>想去哪里？</li>
			<li class="cur"><b>2.</b>什么时候去？</li>
			<li><b>3.</b>跟谁一起？</li>
		</ul>
	</div>
	<div class="radius calendar" id="cal_layer">
		<table cellspacing="10">
			<tbody>
				<tr class="hd">
					<td colspan="4">
						<div class="m-select">
							<span><b>2012</b>年<i class="arrow"></i></span>
							<div class="cal-year-item hide">
								<span class="hover">2012</span>
								<span>2013</span>
								<span>2014</span>
								<span>2015</span>
								<span>2016</span>
								<span>2017</span>
							</div>
						</div>
						<div class="sel-year">
							<span class="prev">上一年</span>
							<span class="this">今年</span>
							<span class="next">下一年</span>
						</div>
					</td>
				</tr>
				<tr>
					<td>1月</td>
					<td>2月</td>
					<td>3月</td>
					<td>4月</td>
				</tr>
				<tr>
					<td>5月</td>
					<td>6月</td>
					<td>7月</td>
					<td>8月</td>
				</tr>
				<tr>
					<td>9月</td>
					<td>10月</td>
					<td>11月</td>
					<td>12月</td>
				</tr>
			</tbody>
		</table>
		<div class="center">
			<div class="btns">
				<button class="minor">没想好</button><button class="submit">下一步</button>
			</div>
		</div>
	</div>
</div>
<!-- 内容部分 end-->



<script type="text/javascript" src="/static/script/core/jquery.js"></script>
<script type="text/javascript" src="/static/script/widget/cal.js"></script>
<script>
	$('#cal_layer button.submit').on('click', function(){
		var data = $('#cal_layer').data('value');
		alert(data.join('\n'));
		return false;
	});
</script>
<!--#include virtual="/include/footer.html"-->



